<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box {
            width: 100px;
            height: 100px;
            border: 1px solid #000;
        }
    </style>
</head>

<body>

    <div id="box">

    </div>

</body>
<script>

    /* 
        1. => 箭头的函数的右侧（函数体）是可以简写
            什么情况下可以简写？
                1.1 当箭头函数的函数体只有一行语句的时候，就可以简写（去掉{}），
                同时return关键字要去除，自动的进行return


    */

    /* 
    完整写法：
    const sum = (a, b) =>{
        return a + b;
    }; */

    /* 
    箭头的函数的右侧（函数体）是可以简写
    */
    const sum = (a, b) => a + b;

    console.log(sum(1, 2));








</script>

</html>